.header {
	background-repeat: no-repeat;
	background-position: 10px 3px;
	border-top: 4px solid #3680b3;
	width: 100%;
	position: relative;
}

.myAccountLink {
	float: right;
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 8px 0px 0px 0px;
	padding: 6px 14px;
	text-decoration: none;
}

.myAccountLink:HOVER {
	text-decoration: underline;
}

.myAccountLink:LINK {
	color:inherit;
}

.myAccountLink:VISITED {
	color:inherit;
}

.myAccountButton {
	float: right;
	padding: 4px;
	margin-right: 8px;
	cursor: pointer;
}

.myAccountButton img {
	margin-left: 8px;
	vertical-align: middle;
}

.myAccountButton:HOVER {
	background-color: #eee;
}

.messageArea {
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 3px;
}

.workArea {
	margin-bottom: 6px;
}

.lenderChooser {
	border: 1px solid #ddd;	
	padding: 3px;
	background: #fff;
	
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	-webkit-box-shadow: 1px 1px 10px 2px #999 !important;
	-moz-box-shadow: 1px 1px 10px 2px #999 !important;
	box-shadow: 1px 1px 10px 2px #999 !important;	
}

.lenderChooser a {
	border: 1px solid white;	
	margin: 3px;
	padding: 5px 7px 7px 5px;
	width: 116px;
	height: 56px;
	background-color: white;
}

.lenderChooser a:hover {
	border: 1px solid #e9e9e9;	
	background-color: #f3f3f3;
	position: relative;
}

.lenderChooser a div {
	width: 100%;
	height: 100%;
	border: 1px solid white;
	background-color: white;
	text-align: center;
}

.lenderChooser a:hover div {
	border: 1px solid #e9e9e9;	
}

.lenderChooser img {
	width: 116px;
}

.lenderLogo {
	border: #eee solid 1px;
}

.lenderLogoHasMenu {
	cursor: pointer;
}

.lenderLogoHasMenu:HOVER {
	border: #7fd6ff solid 1px;
}

.lenderLogoMenu {
	position: relative;
	background-color: #fff;	
	border: #bbb 1px solid;
	padding: 12px;
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;	
}

.lenderLogoMenu img {
	vertical-align: middle;
	margin-right: 10px;
}

.lenderLogoMenu a {
	text-decoration: none;
}

.lenderLogoMenu a:HOVER {
	text-decoration: underline;
}

.lenderLogoMenu a:LINK {
	color:inherit;
}

.lenderLogoMenu a:VISITED {
	color:inherit;
}

.lenderNameAsLogo {
	border: #eee solid 1px;
	width: 116px;
	height: 44px;
}

.applicationTable {
	border-top: 1px solid #bbb;
	margin: 2px 0px 0px 0px;
}

.applicationNavigator {
	padding-top: 5px;
	margin-top: 8px;
	border-top: #eee 1px solid;
}

.activePageMessage {
	color: #666;	
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;	
	padding: 9px 0px 0px 0px;
	width: 95%;
	text-align: center;
}

/* previous page */

.prevPage {
	height: 100%;
	width: 100%;
	cursor: pointer;
}

@sprite .prevPage div {
	gwt-image: "prevGrey50";
	position: absolute;
	top: 40%;
}

@sprite .prevPage:hover div {
	gwt-image: "prev50";
}

/* next page */

.nextPage {
	height: 100%;
	width: 100%;
	cursor: pointer;
}

@sprite .nextPage div {
	gwt-image: "nextGrey50";
	position: absolute;
	top: 40%;
}

@sprite .nextPage:hover div {
	gwt-image: "next50";
}

/* previous error */

@sprite .prevError div {
	gwt-image: "prevRed50";
}

@sprite .prevError:hover div {
	gwt-image: "prevRed50";
}

/* next error */

@sprite .nextError div {
	gwt-image: "nextRed50" !important;
}

@sprite .nextError:hover div {
	gwt-image: "nextRed50" !important;
}

.providentCreditMatrix {	
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 12px;
	border-spacing: 2px;
	text-align: center;
	border-top: 0.5px solid #aaa;
	border-bottom: 0.5px solid #aaa;
	border: 0.5px	solid #aaa;
}
.providentCreditMatrix tr {
	border: 0px solid #bbb; 	
}
.providentCreditMatrix td {	
	border-top: 0.5px	solid #aaa;
	background: white;	
	border-left: 0.5px	solid #aaa;	
}

.providentCreditMatrixHeader {	
	font-family: arial, tahoma, helvetica, sans-serif;
	background-color: #800000;
	color: #FFFFFF;		
	font-weight: bold;	
}

.providentMessage {
	color: red; 
	font-weight: bold;		
}

.slidePanel {
	position: fixed;
	left: 100%;
	right: 5px;
	bottom: 5px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	background-color: #f3f3f3;
	overflow: auto;
	
	-webkit-box-shadow: 1px 1px 10px 2px #eee !important;
	-moz-box-shadow: 1px 1px 10px 2px #eee !important;
	box-shadow: 1px 1px 10px 2px #eee !important;
}

@sprite .slidePanelHeader {
	padding: 5px 0px 0px 6px;
	gwt-image: "slidePanelHeaderBg";
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

.recommentProductLenderLogo {
	border: 1px solid #ddd;
	height: 54px;
	background-color: #fff;
	white-space: normal;
	text-align: center;
}

.validationMessagePanel {
	border: 1px	solid #bbb;
	background-color: #fff;
}

@external salesToolsPage, option, name;
.salesToolsPage {
}

.salesToolsPage .option {
	border: 1px solid white;
	background-color: white;
	padding: 5px;
	cursor: pointer;
	width: 100%;
}

.salesToolsPage .option:hover {
	border: 1px solid #f5e5ac;	
	background-color: #fffcee;
	-moz-box-shadow: 0 0 5px 5px #fcf3c8;
	-webkit-box-shadow: 0 0 5px 5px#fcf3c8;
	box-shadow: 0 0 5px 5px #fcf3c8;
}

.salesToolsPage .option .name {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;;
	font-size: 18px;
	color: #777;
	padding-left: 30px;
	padding-top: 15px;
	vertical-align: middle;
}

.salesToolsPage .option .name:hover {
	text-decoration:underline;
}

@external selected;
.visualEditor .selected {
	outline: 1px solid #b02981 !important;	
	border: 1px solid #b02981 !important;
}

.visualSelection {
	cursor: pointer;
}

.visualSelection input,select {
	cursor: pointer !important;
}

@external component;
.visualSelection .component:hover {
	outline: 1px solid #b02981; /* #295db0 */
}

@external component;
.visualSelection .component input:hover {
	background-image: none !important;
	background-color: #b02981 !important;	
}

@external component;
.visualSelection .component select:hover {
	background-image: none !important;
	background-color: #b02981 !important;	
}


.visualSelection .component input:FOCUS {
	outline: none !important;
	border: 1px solid #848484 !important;	
}

.warningLabel {
    padding: 2px 4px;
    margin: 2px;
    background-color: #ffbbb2;
    border: #ff0000;
    color: #880000;
    border: 1px solid #ff0000;
}

.sendFactFind {
	position: absolute !important;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border: 4px solid #1c5a82;
	background-color: #fff;
}

.timeline {
	background-color: #fff9e6;
	border: 1px solid #ff5500;
	padding: 40px 50px 10px 50px;
	height: 100%;
}

@external caption;
.timeline .caption {
	position: relative;
	float: left;
	margin-left: -45px;
	margin-top: -35px;		
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 1em;
	color: #aaa;
}

@external indicator;
.timeline .indicator {
	display: block;
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 1.1em;
	background-color: #ffe2d3;
	border: 1px solid #ff7038;
	padding: 5px 10px;
}

@external .indicator .date;
.timeline indicator date {
	display: block;
}
